<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">

<head>
<title>Zarządzanie przedsiębiorstwem - Strona Główna</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body,html {
	font-family: helvetica, arial, sans-serif;
	font-size: 90%;
}

@import "http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/grid/resources/Grid.css";

@import "http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/grid/resources/claroGrid.css";

.dojoxGrid table {
	margin: 0;
}

html,body {
	width: 100%;
	height: 100%;
	margin: 0;
}
</style>
<script
	src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js"
	djConfig="parseOnLoad: true"> 
        
       
        
        
        </script>
<script type="text/javascript">
        	djConfig = { isDebug: true }; 
            dojo.require("dijit.form.Button");
    		dojo.require("dijit.form.TextBox");
    		dojo.require("dijit.form.FilteringSelect");
    	    dojo.require("dijit.Dialog");
    	    dojo.require("dijit.layout.TabContainer");
    	    dojo.require("dijit.layout.ContentPane");
    	    dojo.require("dijit.form.RadioButton");
    	    dojo.require("dijit.form.Form");
    	    
        </script>
<link rel="stylesheet" type="text/css"
	href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />

<style type="text/css">
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
}

label {
	display: block;
	width: 150px;
	float: left;
}

input,textarea {
	display: block;
	float: left;
}

div.czesc_form {
	overflow: hidden;
	clear: both;
	margin-bottom: 0.5em;
}

legend {
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	text-align: center;
	width: 99%;
}

fieldset {
	margin: 20px;
	border: 0px black solid;
}

h2 {
	color: #0096ff;
	text-align: center;
}

h3 {
	color: #4a697e;
}

#content {
	border: 1px #9dcdef solid;
	padding: 15px;
	width: 80%;
	margin: 5px auto 5px auto;
	height: 550px;
}

#logowanie {
	width: 40%;
	height: 500px;
	border: 1px #0096ff solid;
	float: left;
	margin-left: 5%;
	background: white;
	padding: 15px;
}

#rejestracja {
	width: 40%;
	height: 500px;
	border: 1px #0096ff solid;
	float: right;
	margin-right: 5%;
	background: white;
	padding: 15px;
}

#komunikaty_logowania {
	padding-left: 20px;
}
</style>

<script type="text/javascript">

function rejestracjaForm() {
	var form = dojo.byId("rejestracjaForm");
    dojo.connect(form, "onsubmit", function(event) {
        dojo.stopEvent(event);
        if (dijit.byId("rejestracjaForm").validate()) {
			var xhrArgs = {
	            form: dojo.byId("rejestracjaForm"),
	            handleAs: "text",
	            load: function(data) {
	            	var obj = dojo.fromJson(data);
	            	console.log(obj);
	            	if(obj.success==true) {
	                	dojo.byId("komunikaty_rejestracja").innerHTML = "Firma zarejestrowana. Możesz się zalogować. ";
	            	} else {
	            		dojo.byId("komunikaty_rejestracja").innerHTML = obj.message;
	            	}
	            },
	            error: function(error) {
	                dojo.byId("komunikaty_rejestracja").innerHTML = "Błąd połączenia z serwera. Sprawdź stan łącza internetowego. ";
	            }
	        };
	        dojo.byId("komunikaty_rejestracja").innerHTML = "Rejestracja firmy w systemie ... "
	        var deferred = dojo.xhrPost(xhrArgs);
        } else {
        	dojo.byId("komunikaty_rejestracja").innerHTML = "Prosimy o wypełnienie wszystkich pól formularza.  "
        }
    });
}

	function loginForm() {
		var form = dojo.byId("loginForm");
		dojo
				.connect(
						form,
						"onsubmit",
						function(event) {
							dojo.stopEvent(event);
							if (dijit.byId("loginForm").validate()) {
								var xhrArgs = {
									form : dojo.byId("loginForm"),
									handleAs : "text",
									load : function(data) {
										var obj = dojo.fromJson(data);
										console.log(obj);
										if (obj.success == true) {
											document.location.href = '/main.html';
										} else {
											dojo.byId("komunikaty_logowania").innerHTML = obj.message;
										}
									},
									error : function(error) {
										dojo.byId("komunikaty_logowania").innerHTML = "Błąd połączenia z serwera. Sprawdź stan łącza internetowego. ";
									}
								};
								dojo.byId("komunikaty_logowania").innerHTML = "Logowanie do systemu ... "

							} else {
								dojo.byId("komunikaty_logowania").innerHTML = "Wprowadź login i hasło  "
							}
							var deferred = dojo.xhrPost(xhrArgs);
						});
	}

	dojo.addOnLoad(rejestracjaForm);

	dojo.addOnLoad(loginForm);

	dojo.ready(function() {

	});
</script>
</head>

<body class=" claro ">

	<div id="content">

		<div id="logowanie">
			<form dojoType="dijit.form.Form" action="/dane/firma/logowanie" id="loginForm">
				<fieldset>
					<legend>
						<h2>Zaloguj się do systemu!</h2>
					</legend>
					<div class="czesc_form">
						<label for="logowanieLogin">Login: </label> <input class="text" type="text" id="logowanieLogin"
							name="login" value="" dojoType="dijit.form.ValidationTextBox"
							required="true"
							promptMessage="Prosimy o podanie loginu firmy w systemie"
							invalidMessage="Prosimy o podanie loginu firmy w systemie"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label for="logowanieHaslo">Hasło: </label> <input class="text" type="password" id="logowanieHaslo"
							name="haslo" value="" dojoType="dijit.form.ValidationTextBox"
							required="true" promptMessage="Podaj swoje hasło do systemu"
							invalidMessage="Nie możesz zalogować się do systemu bez hasła dostępu "
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>
							<input type="radio" dojoType="dijit.form.RadioButton" name="logowanieTyp" id="logowanieFirma" value="firma" checked="checked" />
							Firma
						</label>
					</div>
					<div class="czesc_form">
						<label>
							<input type="radio" dojoType="dijit.form.RadioButton" name="logowanieTyp" id="logowaniePracownik" value="pracownik" />
							Pracownik
						</label>
					</div>
					<div class="czesc_form">
						<label>
							<input type="radio" dojoType="dijit.form.RadioButton" name="logowanieTyp" id="logowanieKlient" value="klient" />
							Klient
						</label>
					</div>
					<div class="submit">
						<button type="submit" dojoType="dijit.form.Button"
							id="submitButton">Zaloguj się</button>
						<span id="komunikaty_logowania"> </span>
					</div>
				</fieldset>
			</form>
		</div>

		<div id="rejestracja">
			<h2>Darmowy system zarządzania małym przedsiębiorstwem!</h2>
			<h3>Wypróbuj już dzisiaj!</h3>
			<p>Zalety:</p>
			<ul>
				<li>Wszech dostępność do danych oraz wykonywania operacji</li>
				<li>Integracja z innymi systemami</li>
				<li>Udostępnienie informacji klientom</li>
				<li>Masowe „tworzenie” faktur na podstawie historii konta</li>
				<li>System uprawnień dzięki czemu z systemu mogą korzystać
					pracownicy z zawężonymi możliwościami integercji w bazę danych</li>
			</ul>
			<button id="buttonOne" dojoType="dijit.form.Button" type="button">
				Rejestracja!
				<script type="dojo/method" event="onClick" args="evt">
        			dijit.byId("rejestracja_okno").show();
    			</script>
			</button>
		</div>

		<div id="rejestracja_okno" dojoType="dijit.Dialog">
			<form  dojoType="dijit.form.Form" action="/dane/firma/rejestracja" id="rejestracjaForm" style="overflow: scroll;">
				<fieldset>
					<legend>
						<h2>Rejestracja firmy w systemie!</h2>
					</legend>
					<div class="czesc_form">
						<label>Nazwa: </label> <input class="text" type="text"
							name="nazwa" value="" dojoType="dijit.form.ValidationTextBox"
							required="true" promptMessage="Prosimy o podanie nazwy firmy"
							invalidMessage="Prosimy o podanie nazwy firmy" trim="true" />
					</div>
					<div class="czesc_form">
						<label>Adres firmy: </label> <input class="text" type="text"
							name="adres" value="" dojoType="dijit.form.ValidationTextBox"
							required="true" promptMessage="Prosimy o podanie adresu firmy"
							invalidMessage="Prosimy o podanie adresu firmy" trim="true" />
					</div>
					<div class="czesc_form">
						<label>Adres e-mail firmy: </label> <input class="text"
							type="text" name="email" value=""
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o podanie adresu e-mail firmy"
							invalidMessage="Prosimy o podanie adresu e-mail firmy"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>E-mail właściciela: </label> <input class="text"
							type="text" name="emailWlasciciela" value=""
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o podanie własnego adresu e-mail (może być ten sam co adres firmy)"
							invalidMessage="Prosimy o podanie własnego adresu e-mail (może być ten sam co adres firmy)"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Login do systemu: </label> <input class="text" type="text"
							name="login" value="" dojoType="dijit.form.ValidationTextBox"
							required="true"
							promptMessage="Prosimy o podanie loginu firmy w systemie"
							invalidMessage="Prosimy o podanie loginu firmy w systemie"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Haslo do systemu: </label> <input class="text"
							type="password" name="haslo" value=""
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o podanie hasła firmy w systemie"
							invalidMessage="Prosimy o podanie hasła firmy w systemie"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Imiona i nazwisko: </label> <input class="text" type="text"
							name="imieNazwisko" value=""
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o podanie imion i nazwiska"
							invalidMessage="Prosimy o podanie imion i nazwiska" trim="true" />
					</div>
					<div class="czesc_form">
						<label>Kod pocztowy: </label> <input class="text" type="text"
							name="kodPocztowy" value=""
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o podanie adresu kodu pocztowego firmy"
							invalidMessage="Prosimy o podanie adresu kodu pocztowego firmy"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Miejscowość: </label> <input class="text" type="text"
							name="miejscowosc" value=""
							dojoType="dijit.form.ValidationTextBox" required="true"
							promptMessage="Prosimy o podanie miejscowości firmy"
							invalidMessage="Prosimy o podanie miejscowości firmy" trim="true" />
					</div>
					<div class="czesc_form">
						<label>Strona WWW: </label> <input class="text" type="text"
							name="stronaWww" value="" dojoType="dijit.form.ValidationTextBox"
							required="true"
							promptMessage="Prosimy o podanie adres firmowej strony www"
							invalidMessage="Prosimy o podanie adres firmowej strony www"
							trim="true" />
					</div>
					<div class="czesc_form">
						<label>Telefon: </label> <input class="text" type="text"
							name="telefon" value="" dojoType="dijit.form.ValidationTextBox"
							required="true" promptMessage="Prosimy o podanie numeru telefonu"
							invalidMessage="Prosimy o podanie numeru telefonu" trim="true" />
					</div>
					<div class="czesc_form">
						<label>Nip: </label> <input class="text" type="text"
							name="nip" value="" dojoType="dijit.form.ValidationTextBox"
							required="false" trim="true" />
					</div>
					<div class="submit">
						<button type="submit" dojoType="dijit.form.Button"
							id="submitRejestracjaButton">Zarejestruj się</button>
						<span id="komunikaty_rejestracja"> </span>
					</div>
				</fieldset>
			</form>
		</div>

	</div>





</body>

</html>